<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>EQUIPE JAVATAR</title>

<link rel="stylesheet" type="css/text" href="sources/css/style.css">
<link rel="stylesheet" type="css/text" href="sources/css/bootstrap.css">
<script type="text/javascript" src="sources/js/jquery-1.8.1.min.js" ></script>
<script type="text/javascript" src="sources/js/bootstrap.js" ></script>
<script type="text/javascript" src="sources/js/bootstrap-modal.js" ></script>

<script type="text/javascript">
	$(document).ready(function() {
		$('.carousel').carousel({
			interval : 3000
		});
	});
</script>

<script type="text/javascript">
	$(document).ready(function() {
		$('#verModal').click(function() {
			$("#myModal").modal({
				keyboard : false
			});
		});
	});
</script>

</head>

<body>
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<a id="titulo" class="brand" href="#">Javatar</a>
			<ul class="nav">
				<li class="active"><a href="#">Home</a></li>
				<li><a href="#">Parceiros</a></li>
				<li><a href="#">Sobre</a></li>
			</ul>
		</div>
	</div>

	<div class="hero-unit" id="img">
		<div id="myCarousel" class="carousel slide middle">
			<div class="carousel-inner" id="rodaroda">
				<div class="active item">
					<img src="sources/img/javatar.jpg">
					<div class="carousel-caption">
						<h4>Equipe Javatar</h4>
						<p style="color: white;">Formada por 4 amigos estudantes de
							Sistemas de Informação e apaixonados pelo que sabem fazer:
							PROGRAMAR!!!</p>
					</div>
				</div>
				<div class="item">
					<img src="sources/img/fotoMedalha4.jpg">
					<div class="carousel-caption">
						<h4>Javatar</h4>
						<p style="color: white;">Vence maratona da UECE 2012.</p>
					</div>
				</div>
				<div class="item">
					<img src="sources/img/googlePlay.jpg">
					<div class="carousel-caption">
						<h4>Javatar Mobile</h4>
						<p style="color: white;">Também somos Mobile.</p>
					</div>
				</div>
				<div class="item">
					<img src="sources/img/MaratonaFanor.jpg">
					<div class="carousel-caption">
						<h4>Maratona</h4>
						<p style="color: white;">Javatar organiza Maratona de Programação da semana de TI da Fanor.</p>
					</div>
				</div>
			</div>
			<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
			<a class="carousel-control right" href="#myCarousel"
				data-slide="next">&rsaquo;</a>
		</div>
	</div>

	<div class="container">
		<div class="row-fluid padding">
			<div class="span6 well">
				<h3>Bem Vindo</h3>
				Bem vindo ao site da Javatar! Nele vamos divulgar nossos trabalhos, experiências e tudo mais.
			</div>

			<div class="span6 well">
				<img class="img-rounded imgETexto"
					style="width: 100px; height: 100;"
					src="/sources/img/android-logo.jpg"> Também estudamos sobre
				desenvolvimento Mobile, iniciamos com Android e ainda temos muito há
				aprender! Mas já temos 2 APP na <a
					href="https://play.google.com/store/apps/details?id=com.ap2&feature=search_result#?t=W251bGwsMSwyLDEsImNvbS5hcDIiXQ..">
					GooglePlay </a>
			</div>
		</div>
	</div>

	<div class="container">
		<div class="row-fluid padding">

			<div class="span6 well">
				<h3>Maratonas</h3>
				Breve história sobre as maratonas de programação... <a id="verModal"
					data-target="#myModal" role="button" class="btn"
					data-toggle="modal">Ver</a>
			</div>

			<div class="span6 well">
				<h3>Dica</h3>
				Para quem quer ser programador Java Web, vai um <a
					href="http://www.handersonfrota.com.br/como-iniciar-em-java-para-web-sem-medo/">link</a>
				com os passos básicos para se tornar um bom desenvolvedor.
			</div>
		</div>
	</div>

	<footer class="footer"> 
	<div class="container">
		<div class="row-fluid padding">
		
			<div class="span4">
				<a id="rodape">EQUIPE JAVATAR 2012</a>
			</div>
	
			<div class="span4" >
				<a id="rodape">Contatos:</a>
				<a id="rodape">herbeth@javatar.com.br </a><br/> 
				<a id="rodape">joerlan@javatar.com.br </a><br/>
				<a id="rodape">erasmo@javatar.com.br </a><br/>
				<a id="rodape">tiago@javatar.com.br </a>
			</div>
			
			<div class="span4" >
				<a id="rodape">  </a> 
			</div>
		</div>
	</div>
	</footer>

	<!--                           maratona           prigramação                                          -->
	<div class="modal" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true"
		style="display: none;">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">×</button>
			<h3 id="myModalLabel">Maratona de Programação</h3>
		</div>
		<div class="modal-body">
			<p>3 dos 4 membros da equipe se juntaram por conta própria e
				encararam, sem muitas esperanças, uma maratona de programação
				(SECOMP).Mas para a nossa surpresa saimos de lá com o 3º lugar da
				UECE 2011! Já em 2012 participamos da maratona da UFC, mas não é
				aquela de porrada não galera, mas UFC de Univercidade Federal do
				Ceará. Que infelizmente apesar de termos tirado 2º lugar, não foi
				tão emocionante por que só compareceram 3 equipes... Ainda no mesmo
				ano, na Secomp 2012, estamos lá de novo na UECE para mais uma
				competição, onde enfim conseguimos a medalha tão esperada... 1º
				Lugar!! Wow ouro para o Brasilsilsil... na verdade pra nós e pra
				Fanor que por sorte teve a gente lá, representando ela hehe. Foram
				resolvidas somente 3 questões (de 10)... talvez se não tivéssemos
				perdido tanto tempo... onde 2 eram de Nível: Chuck Norris. Fim!</p>
		</div>
		<div class="modal-footer">
			<button class="btn" data-dismiss="modal" aria-hidden="true">Fechar</button>
		</div>
	</div>

</body>
</html>
